<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
<script>
// TODO: 常见题目
// 1.同步异步的区别是什么?
  // 异步不会阻塞代码执行
  // 同步会阻塞代码执行
// 2.手写用Promise加载一张图片
// 3.前端使用异步的场景有哪些?
  // 网络请求, 如ajax图片加载
  // 定时任务, 如setTimeout

// TODO: setTimeout 笔试题
console.log(1);
setTimeout(function() {
  console.log(2);
}, 1000);
console.log(3);
setTimeout(function() {
  console.log(4);
}, 0);
console.log(5);

// Promise 解决了 回调地狱
  // 把嵌套改成管道的形式
</script>
</body>
</html>